@charset "utf-8";
/* CSS Document */
/* www.hdqzj.com.com 华东起重机集团 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, img, p, tr {padding:0; margin:0; border:0; list-style:none; font-weight:normal; } 
h1, h2, h3, h4, h5, h6 {font-weight:normal; font-size:100%; font-family:"宋体"; } 
body {font-size:12px; font-family:Arial, Verdana, Helvetica, sans-serif; line-height:24px; color:#666; }
@media screen and (max-width:750px){
	body {font-size:13px;}
} 
a {text-decoration:none; color:#666 } 
a:hover {text-decoration:none; color:#efa923; } 
.clear,.c {clear:both; }
.top1 {background:url(../images/topbg.jpg) repeat-x; height:157px; } 
.top2 {width:980px; margin:0px auto; position:relative; } 
.top2 h1 {position:absolute; top:30px; } 
.top2 h2 {position:absolute; top:60px; left:342px; } 
.top2 ul {position:absolute; right:0px; } 
.top2 ul li {float:left; width:100px; height:30px; text-align:center; line-height:30px; } 
.top2 ul li a {color:#fff; } 
.sc {background:#083e7a; } 
.sw {background:#efa923; } 
.top2 p {position:absolute; right:0px; top:55px; } 
.top2 h3 {position:absolute; right:0px; top:90px; font-family:"微软雅黑"; color:#333333; } 
.top2 strong {font-size:14px; } 
.top2 span {font-size:24px; font-weight:normal; font-weight:bold; color:#222; } 
@media screen and (max-width:980px){
	.top1 {height:auto;padding:20px 5px 10px 5px; width: 100%; float: left; box-sizing: border-box;} 
	.top2 {width:100%; float: left}
	.top2 h1 {max-width: 40%; position: relative; float: left; top: 0}
	.top2 h1 img{ width: 100%;height: auto; }
	.top2 h2{ display: none; }
	.top2 ul,.top2 p{ display: none; }
	.top2 h3{ top:20px; position: relative; width: 40%; float: right;}
	.top2 span{ white-space: nowrap; }
}
@media screen and (max-width:750px){
	.top2 h1 {max-width: 50%;}
	.top2 h3{ top:0px;}
	.top2 span{ font-size:18px; }
}
/*导航*/
.daohan {height:55px; width:100%; background:#083e7a; line-height:55px; font-family:"微软雅黑"; float: left} 
.daohan1 {width:980px; margin:0px auto; } 
.daohanul {float:left; width:790px; overflow:hidden; } 
.daohan ul li {float:left; width:95px; text-align:center; height:55px; } 
.daohan ul li a {font-size:14px; color:#fff; } 
.daohan ul li a:hover {background:#fff; display:block; color:#333; } 
.daohan ul li a.abcd {background:#fff; display:block;color:#333; } 
.search {float:right; margin-top:15px; width:175px; overflow:hidden; } 
.stxt {background:url(../images/search.jpg) no-repeat; width:128px; height:29px; border:none; float:left; display:block; line-height:29px; color:#fff; text-indent:8px; } 
.sbut {background:url(../images/niu.jpg) no-repeat; width:27px; height:29px; float:left; border:none; }
@media screen and (max-width:980px){
	.daohan {height:auto;line-height:40px;}
	.daohan1 {width:100%;}
	.daohanul{ width: 100%; }
	.search{ display: none; }
	.daohan ul li { width:25%;height:40px;} 
	.daohan ul li a {font-size:.85rem; }
}
/*banner old*/
.banner1 {width:100%; overflow:hidden; height:552px; margin-top:3px; } 
.banner2 {width:100%; overflow:hidden; margin-top:2px; } 
.banner2 img {width:100%; margin:0px auto; display:block; } 
/*banner 20211004*/
.banner { position: relative; width: 100%; height: 550px; overflow: hidden;z-index:9;}
.banner .swiper-container { width: 100%; height: 100%; color: #fff; text-align: center; }
.banner .swiper-slide {position: relative;overflow: hidden;}
.banner .swiper-slide a {display: block;}
.banner .swiper-pagination {position: absolute;width: 100%;z-index: 20;left: 0;bottom: 30px !important;text-align: center;}
.swiper-pagination-bullet-active{background-color: #03bfcb;}
.swiper-pagination-bullet { width: 35px; border-radius: 5px; }
.banner .imgBox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 0px; float: left;}
.banner .swiper-button-next,.banner .swiper-button-prev{/* display: none;*/ background-repeat: no-repeat;background-position: center center; width: 40px; height: 40px;background-size: contain;-moz-background-size: contain;-webkit-background-size: contain; top: 50%;filter:alpha(opacity=0);opacity:0;}
.banner .swiper-button-next{ background-image:url('../images/arrow-right2.png'); right: 25px;}
.banner .swiper-button-prev{ background-image:url('../images/arrow-left2.png'); left: 25px;}
.banner .swiper-button-next:hover,.banner .swiper-button-prev:hover{ filter:alpha(opacity=80);opacity:.8;}
.banner:hover .swiper-button-next,.banner:hover .swiper-button-prev{ filter:alpha(opacity=80);opacity:.8;}
.banner .prev_btn,.banner .next_btn{ display: none;}
@media screen and (max-width:980px){
    .banner{ height:480px;}
}
@media screen and (max-width:750px){
    .banner{ height:320px; }
}
@media screen and (max-width:600px){
	.banner{ height:200px;}
    .banner a.prev_btn,.banner a.next_btn{ display: none; }
    .banner .swiper-pagination{ bottom: 10px !important; }
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 10px; }
}

/*起重机设备*/
.mid1 {width:980px; margin:0px auto; height:auto; overflow:hidden; margin-top:1px; } 
.mid1 h2 {background:url(../images/lanbg.jpg) no-repeat; font-size:18px; font-family:"微软雅黑"; color:#fff; width:177px; height:45px; overflow:hidden; position:relative; line-height:45px; text-align:center; font-weight:bold; } 
.mid1 h2 a {color:#fff; } 
.mid1 h2 a:hover {color:#efa923; } 
.mid1 h2 img {position:absolute; top:10px; left:15px; } 
.mid1 ul {width:1000px; overflow:hidden; margin-top:10px; } 
.mid1 ul li {width:250px; float:left; height:235px; padding:10px; box-sizing: border-box;}
.mid1 li:nth-child(4n+1){ clear: both; }
.mid1 ul li a img {width:100%; height:155px;display:block; border:solid 1px #e2e2e2; } 
.mid1 ul li a span {text-align:center; width:100%; height:54px; line-height:54px; background:#083e7a; display:block; color:#fff;padding:0 5px;box-sizing: border-box;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} 
.mid1 ul li a:hover span {background:#EFA923;} 
@media screen and (max-width:980px){
	.mid1 {width:100%; margin-top:10px;}
	.mid1 ul {width:100%;margin-top:20px; } 
	.mid1 ul li {width:25%;height:auto; padding: 5px;box-sizing: border-box;} 
	.mid1 ul li a img {width:100%; height:auto; border:none;} 
	.mid1 ul li a span{ width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:.9rem;line-height: 2.5em; height: 2.5em;padding:0 5px;box-sizing: border-box; }
}
@media screen and (max-width:750px){
	.mid1 ul {margin-top:10px; } 
	.mid1 ul li {width:50%;}
	.mid1 li:nth-child(2n+1){ clear: both; }
}
.mid2 {background:#083e7a repeat-x; height:521px; text-align:center; } 
/*about*/
.mid3 {width:980px; margin:0px auto; }
.mid3 .img{ width: 100%; height: auto; }
.mid3 .img img{width: 100%; height: auto;}
@media screen and (max-width:980px){
	.mid3 {width:100%; margin:0px auto; padding:5px 0; box-sizing: border-box;}
}
.mid3_1 { margin-top:10px; width: 100%; float: left; position: relative; } 
.mid3_1left {width:680px; overflow:hidden; float:left; } 
.mid3_1left h2 {background:url(../images/lanbg.jpg) no-repeat; font-size:18px; font-family:"微软雅黑"; color:#fff; width:177px; height:45px; overflow:hidden; position:relative; line-height:45px; text-align:center; font-weight:bold; } 
.mid3_1left h2 a {color:#fff; } 
.mid3_1left h2 a:hover {color:#efa923; } 
.mid3_1left h2 img {position:absolute; top:10px; left:15px; } 
.mid3_1left .aboutpic{ position: absolute; margin-top: 0px;left:0;}
.mid3_1left .aboutpic img {float:left; width: 100%;height: auto; } 
.mid3x1 {float:left; margin-top:20px; width:100%; padding-left: 200px; box-sizing: border-box; position: relative;} 
.mid3x1 p {height:100px; margin-top:20px; } 
.mid3x1 span a {font-weight:bold; color:#666; float:right; } 
.mid3_1right {width:280px; float:right; } 
.mid3_1right h2 a {color:#fff; } 
.mid3_1right h2 a:hover {color:#efa923; } 
.mid3_1right h2 {background:url(../images/lanbg.jpg) no-repeat; font-size:18px; font-family:"微软雅黑"; color:#fff; width:177px; height:45px; overflow:hidden; position:relative; line-height:45px; text-align:center; font-weight:bold; } 
.mid3_1right h2 img {position:absolute; top:10px; left:15px; } 
.mid3_1right span { width: 100%; float: left;margin-top:20px;  }
.mid3_1right span img { width: 100%;height:auto; } 
@media screen and (max-width:980px){
	.mid3_1left{ width: 65%;}
	.mid3x1{ padding-left: 190px; }
	.mid3_1right{width: 35%; padding-left: 20px; box-sizing: border-box;}
	.mid3x1 p {height:5.4em; overflow: hidden;line-height: 1.8em;} 
}
@media screen and (max-width:750px){
	.mid3_1 { margin-top:10px;}
	.mid3_1left{ width: 100%;}
	.mid3_1left .aboutpic{display: none;}
	.mid3x1{ padding: 5px; box-sizing: border-box; margin-top:10px; }
	.mid3_1right{width: 100%; padding-left: 0px; box-sizing: border-box;}
	.mid3_1right span{margin-top:15px;}
	.mid3x1 p {height:9em; overflow: hidden;line-height: 1.8em; font-size:.8rem; padding:0 5px; box-sizing: border-box} 
}
/*news*/
.sy_news { width:100%; overflow:hidden; margin:10px auto; } 
.sy_news1 {width:310px; float:left; margin-right:40px; } 
.sy_news1 h2 {background:url(../images/lanbg.jpg) no-repeat; font-size:18px; font-family:"微软雅黑"; color:#fff; width:177px; height:45px; overflow:hidden; position:relative; line-height:45px; text-align:center; font-weight:bold; } 
.sy_news1 h2 a {color:#fff; padding-left:5px; } 
.sy_news1 h2 a:hover {color:#efa923; } 
.sy_news1 h2 img {position:absolute; top:10px; left:15px; } 
.nw_1 { margin-top:10px; overflow:hidden; padding-bottom:20px; border-bottom:1px solid #ccc; width: 100%; float: left; position: relative;} 
.nw_1 span {float:left; width:102px; height:90px; display:block; } 
.nw_1 h4 {float:left; color:#ccc; width:179px; } 
.nw_1 h3 {float:left; width:179px; font-size:15px; font-family:"微软雅黑"; height:30px; height:30px; overflow:hidden; } 
.nw_1 p {float:left; width:176px; line-height:15px; } 
.sy_news1 ul {margin-top:20px; width: 100%; float: left; } 
.sy_news1 ul li span {float:right; } 
.sy_news2 {width:300px; float:left; } 
.sy_news2 h2 {background:url(../images/lanbg.jpg) no-repeat; font-size:18px; font-family:"微软雅黑"; color:#fff; width:177px; height:45px; overflow:hidden; position:relative; line-height:45px; text-align:center; font-weight:bold; } 
.sy_news2 h2 a {color:#fff; padding-left:5px; } 
.sy_news2 h2 a:hover {color:#efa923; } 
.sy_news2 h2 img {position:absolute; top:10px; left:15px; } 
.sy_news2 ul {margin-top:20px; width: 100%; float: left } 
.sy_news2 ul li span {float:right; } 
.sy_news3 {width:295px; float:right; overflow:hidden; } 
.sy_news3 h2 {background:url(../images/lanbg.jpg) no-repeat; font-size:18px; font-family:"微软雅黑"; color:#fff; width:177px; height:45px; overflow:hidden; position:relative; line-height:45px; text-align:center; font-weight:bold; } 
.sy_news3 h2 a {color:#fff; padding-left:10px; } 
.sy_news3 h2 a:hover {color:#efa923; } 
.sy_news3 h2 img {position:absolute; top:10px; left:15px; } 
.sy_news3 ul {margin-top:10px;width: 100%; float: left; position: relative;} 
.sy_news3 ul li {overflow:hidden; margin-top:10px; width: 100%; position: relative; float: left} 
@media screen and (max-width:980px){
	.sy_news1 {width:31%; float:left; margin-right:2.3%; }
	.nw_1{ margin-top:5px; padding:10px; box-sizing: border-box; }
	.nw_1 span {float:left; width:100px; height:90px; display:block; position: absolute;top: 15px;left:10px; } 
	.nw_1 h4 {float:left; color:#ccc; width:100%; padding-left: 100px; box-sizing: border-box; line-height: 25px; } 
	.nw_1 h3 {width:100%; padding-left: 100px; box-sizing: border-box;} 
	.nw_1 p {width:100%; padding-left: 100px; box-sizing: border-box; line-height: 1.5em} 
	.sy_news1 ul {margin-top:10px; width: 100%; float: left; padding:10px; box-sizing: border-box;} 
	.sy_news2 {width:31%; float:left; margin-right:2.3%; }
	.sy_news2 ul {margin-top:10px;width: 100%; padding:10px; box-sizing: border-box;} 
	.sy_news3 {width:33%; float:left; margin-right:0%; }
	.sy_news3 ul {margin-top:10px;width: 100%; padding:10px; box-sizing: border-box;} 
}
@media screen and (max-width:750px){
	.sy_news1,.sy_news2,.sy_news3 {width:100%; float:left; margin-right:0%; margin:8px 0; }
}
.zxsy1 span {float:left;display:inline-block; position: absolute; top: 5px; left:0;}
.zxright {float:right;width:100%; padding-left: 60px; box-sizing: border-box;}
.zxright h3 {background:url(../images/chengse.jpg) no-repeat; width:100%;height:37px; line-height:37px; font-weight:bold; color:#fff; text-indent:10px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} 
.zxright p {background:#efa923; color:#fff; padding:10px; line-height:15px; box-sizing: border-box;margin-left:4px;} 
.zxsy2 span {float:left;display:inline-block; position: absolute; top: 5px; left:0;}
.zxright1  {float:right;width:100%; padding-left: 60px; box-sizing: border-box;}
.zxright1 h3 {background:url(../images/chengse2.jpg) no-repeat; width:100%;height:37px; line-height:37px; font-weight:bold; color:#fff; text-indent:10px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; } 
.zxright1 p {background:#e2e2e2; color:#fff; padding:10px; line-height:15px; box-sizing: border-box; margin-left:4px;}
@media screen and (max-width:750px){
	.zxright h3{background:#efa923;}
	.zxright p {margin-left:0px;} 
	.zxright1 h3{background:#e2e2e2;}
	.zxright1 p {margin-left:0px;}
}
.hzkh {width:980px;margin:0px auto;height:150px;} 
.hzkh h2 {background:url(../images/lanbg.jpg) no-repeat; font-size:18px; font-family:"微软雅黑"; color:#fff; width:177px; height:45px; overflow:hidden; position:relative; line-height:45px; text-align:center; font-weight:bold; } 
.hzkh h2 a {color:#fff; } 
.hzkh h2 a:hover {color:#efa923; } 
.hzkh h2 img {position:absolute; top:10px; left:15px; } 
.hzkh ul {margin-top:25px; width:1000px; overflow:hidden; } 
.hzkh ul li {float:left; width:140px; } 
.hzkh ul li a img {border:1px solid #ccc; } 

/*底部*/
.btm {background:url(../images/bottombg.jpg) repeat-x; width: 100%; float: left; background-color: #083e7a;} 
.btm1 {width:980px; margin:10px auto; overflow: hidden;} 
.btm_1 {width:360px; float:left; position:relative; } 
.btm_1 span{ width: 100px; float: left;margin-top:40px; padding-right:20px; color: #fff; text-align:center; line-height: 30px; }
.btm_1 span img {border-right:1px solid #ccc;width: 100%;height: auto;} 
.btm_1 p {position:absolute; top:40px; right:-36px; } 
.btm_1 h4 {position:absolute; top:90px; right:0px; color:#fff; font-size:16px; font-family:"微软雅黑"; } 
.btm_2 {float:right; width:500px; color:#7ea6d3; margin-top:30px; overflow:hidden; }
.btm_2 p,.btm_2 div{ width: 100%; padding:3px 0; }
.btm_2 a {color:#7ea6d3; }
/*下面是版权样式表*/
.dmin{width:980px; margin:0px auto; line-height:45px; color:#fff;  float: left } 
.dmin li{ float:left; margin-right:10px; }
.yqlj {width:980px; margin:0px auto;color:#fff; padding-top:15px; border-top:solid 1px #0d509d;} 
.yqlj ul{ width: 100%; float: left; padding-top:10px; }
.yqlj ul li {float:left; margin-right:10px;padding:5px 0;line-height:22px; } 
.yqlj ul li a {color:#fff; }
.yqlj2 {width:980px; margin:0px auto;color:#fff; padding-top:15px; border-top:solid 1px #0d509d;} 
.jingying{ width: 100%; float: left;padding:10px; box-sizing: border-box; line-height: 2em; text-align: center; color:#7ea6d3; word-break: break-all; }

@media screen and (max-width:980px){
	.btm1 {width:100%; margin:10px auto;} 
	.btm_1 {width:35%;}
	.btm_2{ width: 65%; padding-left: 15px; box-sizing: border-box; }
	.yqlj2 {width:100%;}
	.yqlj{ width: 100%; }
} 
@media screen and (max-width:750px){
	.btm1 {width:100%; margin:10px auto;} 
	.btm_1 {width:100%; text-align: center;margin-top:20px;}
	.btm_1 span{ width: 30%; float: none;margin-top:20px; display: inline-block; padding-right: 5px;}
	.btm_2{ width: 100%; padding: 10px; box-sizing: border-box; margin-top: 0px; }
	.btm_2 p,.btm_2 div {position:relative; right:0px; text-align: center; width: 100%; } 
	.yqlj{ display: none; }
	.btm{ padding-bottom:60px;}
} 
/*手机版*/
.bottom_box{ position:fixed; z-index:9999; height:50px; width:100%; bottom:0px; text-align:center; margin-right: auto; margin-left: auto; background-position: center center; background-size:100%; background-color: #efa923; display: none; }
.footnav{position: relative; border-top: solid 1px #e2e2e2;}
.footnav li{ float:left; width:20%; border-right: 1px solid #d08c09; border-left: 1px solid #f9bd4a; box-sizing: border-box; padding: 5px 0; position: relative;height: 50px; }
.footnav li a{display:block;width:100%;}
.footnav li span{display:block;width:100%;text-align:center; height: 25px; position: relative;opacity: .9; line-height: 25px; color: #fff; font-size: 20px;}
.footnav li .s1{height:25px;}
.footnav li span img{max-width:25px;margin:0 auto;line-height:25px;vertical-align:middle}
.footnav li .st{ line-height:15px; font-size:0.65em; color:#FFF; width:100%; position: relative; z-index: 10; opacity: .8;}
.footnav .st{font-size: 0.86em !important;font-weight:normal}
.footnav{z-index:100;}
.big{width: 30px; border-radius: 50%; position: absolute; bottom: 5px; left: 50%; margin-left: -30px; background-color: #efa923; padding:15px; text-align: center; z-index: 9;}
.big div{ width: 100%; float: left; position: relative; }
.big img{ width:100%; height: auto; padding: 0px;}
@media screen and (max-width:750px){
    .footnav{ padding-bottom: 20px; margin-bottom: 15px; }
    .footnav span{ width: 100%; float: left; padding:0 10px; text-align: left; line-height: 2.5em; box-sizing: border-box;}
    .bottom_box{ display: block; }
}

/*主体框架*/
.main {background:url(../images/grey.jpg) repeat-x top;width:100%;}
.main1 {width:980px;margin:0px auto;}
.mainab {display:inline-block; width: 100%; float: left}
.mainableft {float:left;width:220px;}
/*左侧*/
.mlft1 {width:220px;z-index:15;position:relative;} 
.mlft1 h2 {position:absolute; top:-68px; width:220px; color: #FFFFFF; font-family: "微软雅黑"; font-size: 25px; line-height: 24px; padding-top: 11px; text-align: center; background:url(../images/a_1.jpg) no-repeat; height:57px; } 
.mlft1 h2 span {color: #A84B00; font-size: 12px; font-weight: bold; } 
.mlft1 ul {background:url(../images/b_bj.jpg) repeat-y; display:inline-block; padding-bottom:8px; width:220px; } 
.mlft1 ul li {line-height:35px; background:url(../images/ulli6.jpg) no-repeat 7px center; width:210px; line-height:28px; text-indent:20px; margin-top:5px; } 
.mlft1 ul li ul {padding-left:0 } 
.mlft1 ul li ul li {height:35px; background:none; overflow:hidden; } 
.mlft1 ul li a {color:#fff; } 
.mlft1 ul li a:hover {display:block; background:url(../images/ulli7.jpg) no-repeat 7px center; width:210px; height:28px; line-height:28px; text-indent:20px; color:#fff; } 
.mlft1 ul li a.cur_left {display:block; background:url(../images/ulli7.jpg) no-repeat 7px center; width:210px; height:28px; line-height:28px; text-indent:20px; color:#fff; } 
.mlft2 {margin-top:10px; border:1px solid #ccc; } 
.mlft2 h2 {display:inline-block; width:220px; background:#083e7a; height:35px; line-height:35px; text-indent:15px; color:#fff; font-family:"微软雅黑"; font-size:16px; } 
.mlft2 ul {margin-top:10px; text-align:center; width:220px; } 
.mlft2 ul li {width:180px; margin:0px auto; height:135px; } 
.mlft2 ul li a img {border:1px solid #ccc; width:180px; height:135px; display:block; } 
.mlft2 ul li a span {width:182px; height:30px; display:block; line-height:30px; background:#083e7a; } 
.mlft2 ul li a {color:#fff; } 
.mlft3 {width:220px; margin-top:10px; } 
.mlft3 h3 {padding:10px 2px; font-size:16px; font-family:"微软雅黑"; color:#06428b; border-bottom:1px dashed #06428b; } 
/*右侧*/
.mainabright {width:755px;float:left;padding-left:15px;overflow:hidden; box-sizing: border-box}
@media screen and (max-width:980px){
	.main1{ width: 100%; }
	.mainab{display: -webkit-box;display: -moz-box; display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;}
	.mainableft{ flex:0 0 220px; }
	.mainabright{ width: 100%;flex: 1; box-sizing: border-box;overflow: hidden;padding: 10px;}
}
@media screen and (max-width:750px){
	.mainab{display: -webkit-box;display: -moz-box; display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;}
	.mainableft{ display: none }
	.mainabright{ width: 100%;flex: 1; box-sizing: border-box;overflow: hidden;padding: 10px;}
}
/*单页*/
.about_1 h2 {margin:15px 0px;background:url(../images/title.jpg) no-repeat left center;text-indent:15px;}
.about_1 h3 {font-size:24px; height:35px; line-height:35px; border-bottom:1px dashed #06428b; font-family:"微软雅黑"; color:#06428b; } 
.about_1 p {margin-top:20px; } 
.read_content { width:100%; padding:10px 0; margin-top:10px; margin-bottom:10px; font-size:1rem; line-height:2.4em; color:#333333; float: left;box-sizing: border-box; }
.read_content img { max-width:100%; height:auto}
.read_content table, .read_content td,.read_content tr { max-width:100%; font-size:13px;}
/*产品列表*/
.pro1 h2 {margin:15px 0px; background:url(../images/title.jpg) no-repeat left center; text-indent:15px; } 
.pro1 h3 {font-size:24px; height:35px; line-height:35px; border-bottom:1px dashed #06428b; font-family:"微软雅黑"; color:#06428b; } 
.pro1 ul {margin-top:15px; width: 100%; float: left; position: relative; } 
.pro1 ul li {margin:15px 0; overflow:hidden; border-bottom:1px dashed #ccc; width: 100%; float: left; position: relative;} 
.pro1 ul li .pic {width:220px; float:left;position: relative;}
.pro1 ul li .pic img{ width: 100%; height: auto; border:1px solid #ccc;padding:1px;} 
.prort {float:left; padding:0 10px; width:470px; position: relative;} 
.prort h4 {font-size:18px; font-family:"微软雅黑"; height:45px; line-height:45px; color:#06428b; } 
.prort p {height:90px; overflow:hidden; line-height:23px; color: #999;} 
.prort span a {color:#06428b; float:right; } 
@media screen and (max-width:980px){
	.pro1 ul li .pic {position: absolute; top: 0;left:0;}
	.prort{ width: 100%; margin-left: 230px; box-sizing: border-box; }
}
@media screen and (max-width:750px){
	.pro1 ul li .pic {position: absolute; top: 10px;left:0;width:120px;}
	.prort{ width: 100%; margin-left: 130px; box-sizing: border-box; }
}

.submenu{ width: 100%; float: left; padding:5px 0; box-sizing: border-box; display: none; border-bottom:solid 1px #e2e2e2; padding-bottom:10px; margin-bottom:5px;}
.submenu li{ width: 33.3%; float: left;padding:5px; text-align: center; box-sizing: border-box}
.submenu li a{ display: block; border:solid 1px #e2e2e2; border-radius:5px; line-height: 2.5em; font-size:.95rem; white-space: nowrap;overflow: hidden; text-overflow:ellipsis;}
.submenu li a.cur{ background-color:#083e7a; color: #fff; }
@media screen and (max-width:750px){
	.submenu{ display: block; }
}
/*内页news*/
.ny_news {overflow: hidden; padding: 0 15px 15px; width: 100%; float: left;} 
.ny_news h2 {margin:15px 0px; background:url(../images/title.jpg) no-repeat left center; text-indent:15px; } 
.ny_news h3 {font-size:24px; height:35px; line-height:35px; border-bottom:1px dashed #ccc; font-family:"微软雅黑"; color:#06428b; }
.ny_news ul{ width: 100%; float: left; position: relative; }
.ny_news li {border-bottom: 1px dotted #C0C0C0; line-height: 25px; padding: 18px 0 4px;width: 100%; float: left; position: relative; } 
.rq {background:url(../images/ns_03.jpg) no-repeat; float: left; height: 65px; margin-right: 12px; text-align: center; width: 71px; } 
.rq h4 {color: #06428b; font-family: "微软雅黑"; font-size: 30px; font-weight: bold; line-height: 43px; } 
.ny_news li p {color: #666666; } 
.ny_news li h5 {font-weight: bold; line-height: 30px; } 
.ny_news li a {color:#666; } 
.ny_news li p {color: #666666; } 
.ny_news li p a {color: #06428b; text-decoration: underline; margin-left:10px; } 
/*产品内页*/
.showpr1 {width:100%; overflow:hidden; margin-top:15px; float: left; border-bottom:solid 1px #e2e2e2; padding-bottom: 20px; position: relative;} 
.showpro1 h2 {margin:15px 0px; background:url(../images/title.jpg) no-repeat left center; text-indent:15px; } 
.showpro1 h3 {font-size:24px; height:35px; line-height:35px; border-bottom:1px dashed #06428b; font-family:"微软雅黑"; color:#06428b; } 
.showleft {float:left; width:350px; margin-right:15px;position: relative; } 
.showleft img {border:1px solid #ccc; } 
.showright {float:right; width:360px;position: relative;} 
.showright span {font-size:18px; font-family:"微软雅黑"; color:#06428b; margin-top:15px; display:block; } 
.showright p {margin-top:15px; line-height:25px; } 
.showright p  span{ color: #999; }
.showright h4 {margin-top:15px; color: #666} 
.showright h5 {margin-top:10px;  color: #666} 
.xqjs {width:100%; margin-top:20px; padding:10px; float: left; position: relative; line-height: 2.2em; box-sizing: border-box;}
.xqjs table, .xqjs td,.xqjs tr { max-width:100%; font-size:13px;}
.news_show {overflow: hidden; padding: 10px; width: 100%; box-sizing: border-box;} 
.news_show h3 {border-bottom: 1px dashed #E5E5E5; color: #5F5F5F; font-family: "微软雅黑"; font-size: 20px; font-weight: bold; line-height: 2em; text-align: center; height: auto;} 
.news_show h4 {text-align: center; width: 100%; } 
.news_show h4 a {color: #999999; margin: 8px 8px 0; } 
.news_show_nr {clear: both; color: #000000; width: 100%; margin-top:20px; border-top:1px dashed #ccc; line-height: 2.2em;padding-top: 10px;}
.pcontact{ width: 100%; float: left; padding-top:20px;}
.ptel{ width: 60%; float: left; padding-left:45px; background-image: url('../images/ico-tel.png'); background-repeat: no-repeat; background-position:left top; box-sizing: border-box;}
.ptel i{ width: 100%; float:left; line-height: 20px; color: #0d509d; font-style: normal; font-size:1rem; }
.ptel dd{ width: 100%; float:left; line-height: 25px; color: #0d509d !important; font-size:24px; font-weight:bold;}
.ptel dd a{ color: #0d509d !important;}
.pcontact .online{ width: 40%; float: right;}
.pcontact .online a{ width: 100%; line-height: 50px; height: 50px; background-color:#ed9100; text-align: center; color: #fff; font-size:18px; border-radius: 2px; display: block;}
/*新增*/
/* flexslider */
.flash{ width: 100%; float: left; position: relative;display: none; }
.flexslider{margin:0px;position:relative;width:100%;height:auto;overflow:hidden;zoom:1;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav a{width:50px;height:50px;line-height:99em;overflow:hidden;margin:-25px 0 0;display:block;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{right:0;background:url(../images/arrow-right2.png) no-repeat;}
.flex-direction-nav .flex-prev{left:10px;background:url(../images/arrow-left2.png) no-repeat;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}
.pro_about{ width: 100%; float: left; padding:10px 0;}
.pro_about ul{ margin-top:10px;width: 100%;}
.pro_about ul li{ float:left; width: 25%; padding:10px; box-sizing: border-box;}
.pro_about ul li .pimgb{ width: 100%; float: left; position: relative; }
.pro_about ul li .pimgb img{ width: 100%; height: auto;}
.pro_about ul li p{ text-align:center; width: 100%; float: left; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.pro_about ul li img{border: 1px solid #CCCCCC;}
@media screen and (max-width:980px){
	.ny_news{ padding:5px 0;}
	.showleft{position: absolute; top: 10px; left:0;}
	.showright{ width: 100%; padding-left: 370px; box-sizing: border-box; }
}
@media screen and (max-width:750px){
	.ny_news{ padding:5px 0;}
	.showleft{ display: none; }
	.flash{display: block;}
	.showright {float:left; width:100%; padding-left: 0px; } 
	.pro_about ul li{ float:left; width: 50%; padding:10px; box-sizing: border-box;}
}
 /*案例*/
.case_1 {width:100%; overflow:hidden; float: left; position: relative;} 
.case_1 h2 {margin:15px 0px; background:url(../images/title.jpg) no-repeat left center; text-indent:15px; }
.case_1 h3 {font-size:24px; height:35px; line-height:35px; border-bottom:1px dashed #06428b; font-family:"微软雅黑"; color:#06428b; } 
.case {overflow: hidden; margin-top:15px; width: 100%; float: left;} 
.case ul {overflow:hidden; width: 100%; float: left;} 
.case li {display: inline; float: left; width: 25%;padding: 12px; text-align: center; box-sizing: border-box}
.case li:nth-child(4n+1){ clear: both; }
.case li img {border: 1px solid #C0C0C0; display: block; padding: 2px;width: 100%; max-height: 120px;float: left; box-sizing: border-box} 
.case li a:hover img {border: 1px solid #f28b02;} 
.case li a {color:#666; } 
.case li span {height: 3em; line-height: 1.5em; width:100%; float: left; font-size:.9rem; overflow: hidden; } 
.case_hz {overflow: hidden; margin-top:15px; } 
.case_hz ul {overflow:hidden; width: 100%; float: left; } 
.case_hz li {display: inline; float: left; height: 100px; padding-bottom: 10px; padding-right: 30px; text-align: center; width: 160px; } 
.case_hz li img {border: 1px solid #C0C0C0; display: block; height: 64px; padding: 2px; width: 160px; } 
.case_hz li a:hover img {border: 2px solid #f28b02; display: block; height: 64px; padding: 2px; width: 160px; } 
.case_hz li a {color:#666; } 
.case_hz li span {height: 25px; line-height: 25px; width: 160px; }
@media screen and (max-width:750px){
	.case li { width: 50%;padding: 10px;}
	.case li:nth-child(2n+1){ clear: both; }
}
/*优势*/
.youshi {padding-top: 40px; padding-bottom: 30px; } 
.youshi .lmt {position: relative; margin-bottom: 0px; height: 148px; } 
.youshi .lmt i {display: block; font-size: 100px; font-family: "宋体"; color: #ededed; text-align: center; position: absolute; left: 0; top: 0; right: 0; margin: 0 auto; z-index: 2; } 
.youshi .lmt .t {position: absolute; left: 200px; top: -25px; z-index: 5; } 
.youshi .lmt .t span {display: block; font-size: 18px; color: #333; line-height:1.5em; } 
.youshi .lmt .t p {font-size: 24px; color: #0056f9; line-height: 1.5em; } 
.youshi .lmt .t strong {display: block; font-size: 36px; color: #0056f9;line-height: 1.2em; } 
.youshi .lmt .t .p {width: 650px; margin: 0 auto; height: 30px; line-height: 30px; text-align: center; color: #fff; background: #0056f9; margin-top: 10px; position: relative; } 
.youshi .lmt .t .p:after {content: ""; width: 0; height: 0; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #0056f9; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: -10px; } 
.youshi ul li {display: block; float: left; width: 50%; background: #f1f1f1; margin-bottom: 1px; } 
.youshi ul li:after {content: ""; display: block; height: 0px; visibility: hidden; clear: both; } 
.youshi ul li .left {width: 50%; position: relative; overflow: hidden; float: left } 
.youshi ul li .left strong {display: block; font-size: 28px; color: #fff; position: absolute; right: 0px; bottom: 0px; width: 265px; height: 189px; } 
.youshi ul li .left strong span {display: block; position: absolute; right: 15px; bottom: 15px; z-index: 10; } 
.youshi ul li .left strong:after {content: ""; width: 200px; height: 156px; background: rgba(0,86,249,.65); display: block; position: absolute; transform: rotate(7deg); -ms-transform: rotate(43deg); -moz-transform: rotate(43deg); -webkit-transform: rotate(43deg); z-index: 5; -o-transform: rotate(43deg); left: 120px; top: 120px; } 
.youshi ul li .left img {display: block; width: 100%; } 
.youshi ul li .right {width: 50%; float: right; padding:10px; box-sizing: border-box } 
.youshi ul li .right strong {text-align: center; font-size: 24px; color: #0056f9; display: block; padding-top: 25px; } 
.youshi ul li .right p {text-align: center; font-size: 15px; color: #666; margin-top: 16px; line-height: 1.8em; } 
.max {min-width: 1000px; } 
/*优势title*/
.box {width: 1000px; margin: 0 auto; } 
.box:after {content: ""; display: block; height: 0px; visibility: hidden; clear: both; }
@media screen and (max-width:1000px){
	.box {width: 100%;}
	.youshi {padding-top: 20px; padding-bottom: 5px; } 
	.youshi .lmt {position: relative; height: 60px; } 
	.youshi .lmt i {display: none; } 
	.youshi .lmt .t {position: absolute; left: 0; right: 0; margin: 0 auto; top: 0px; z-index: 5; } 
	.youshi .lmt .t span {display: none; } 
	.youshi .lmt .t p {text-align: center; color: #333333; font-size: 20px; font-weight: bold; } 
	.youshi .lmt .t p font {color: #df3536 } 
	.youshi .lmt .t strong {text-align: center; font-size: 12px; color: #666666; margin-top: 5px; font-weight: normal; display: block; } 
	.youshi .lmt .t .p {display: none; } 
	.youshi ul li {display: block; float: left; width: 49%; margin-right: 2%; background: #f1f1f1; margin-bottom: 10px; } 
	.youshi ul li:nth-of-type(even) {margin-right: 0; } 
	.youshi ul li:after {content: ""; display: block; height: 0px; visibility: hidden; clear: both; } .youshi ul li .left {width: 100%; position: relative; overflow: hidden; } 
	.youshi ul li .left img {display: block; width: 100%; } 
	.youshi ul li .left strong {display: block; font-size: 18px; color: #fff; position: absolute; right: 0px; bottom: 0px; width: 100%; height: 100%; } 
	.youshi ul li .left strong span {display: block; position: absolute; left: 0; right: 0px; bottom: 10px; margin: 0 auto; z-index: 10; text-align: center; } 
	.youshi ul li .left strong:after {content: ""; width: 100%; height: 100%; background: rgba(0,86,249,.65); display: block; position: absolute; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); z-index: 5; -o-transform: rotate(45deg); left: 10%; top: 70%; } 
	.youshi ul li .right {width: 100%; padding-top: 10px; padding-bottom: 10px; } 
	.youshi ul li .right strong {text-align: center; font-size: 1rem; color: #0056f9; display: block; padding-top: 5px; } 
	.youshi ul li .right p {text-align: center; font-size: .85rem; color: #666; width: 90%; height: 6em; margin: 0 auto; margin-top: 5px; line-height: 1.5em; } 
}

@media screen and (max-width:750px){
	.box {width: 100%;}
}

/*分页*/
.pager {text-align: center; margin: 20px 0;}
.pager ul {display: flex; flex-wrap: wrap; justify-content: center}
.pager ul li {display: inline-block;width: auto;}
.pager ul li a {padding: 5px 15px; margin: 15px 5px; border: #dddddd solid 1px; display: inline-block;}
.pager ul li a:hover {border: #3ea8e2 solid 1px; color: #3ea8e2}
.pager ul .active a {border: #3ea8e2 solid 1px; display: inline-block; background-color: #3ea8e2; color: #fff;}
.pager ul a:not([href]):not([class]):hover {border: #dddddd solid 1px;}
.pager ul .active a:hover {color: #fff; border: #3ea8e2 solid 1px !important;}

/*图文*/
.ny {overflow: hidden; padding: 0 15px 15px; width: 100%; float: left;}
.ny h2 {margin:15px 0px; background:url(../images/title.jpg) no-repeat left center; text-indent:15px; }
.ny h3 {font-size:24px; height:35px; line-height:35px; border-bottom:1px dashed #06428b; font-family:"微软雅黑"; color:#06428b; }
.list-tuwen{ width: 100%;float: left; position: relative; }
.list-tuwen li{ width: 100%;float: left;padding:15px 0; position: relative;display: flex;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;}
.list-tuwen li .thumb{ width: 180px;float: left;flex:0 0 180px; max-height: 120px;overflow: hidden;}
.list-tuwen li .thumb img{ width: 100%;height: auto; }
.list-tuwen li .info{ width: 100%;float: left;padding-left: 15px; position: relative; }
.list-tuwen li .info h5 {font-weight: bold; line-height: 30px; width: 100%;float: left; font-size: 15px;}
.list-tuwen li .info p{ width: 100%;float: left; line-height:1.6em;color: #999 }
.list-tuwen li .info dt{ width: 100%;float: left; line-height:2em;color: #666 }


/*阅读部分*/
#article{}
#article img{ width: 100%;height: auto; max-width: 700px; }
#article table { width: 100%;float: left; box-sizing: border-box; border:solid 1px #e2e2e2;border-collapse: collapse}
#article table tr,#article table td,#article table th{ padding:5px; line-height: 2em;border:solid 1px #e2e2e2; color: #333;}
.table{overflow-x: auto;}
.table table{border-collapse: collapse; width: 100%;}
figure{ margin:0}
@media screen and (max-width:750px){
    #article table { width: 300%;}
}

.article_about{ width: 100%;float: left;padding-top:20px;position: relative; }
.about-list {overflow: hidden; padding: 0 0 15px 0; width: 100%; float: left;} 
.about-list ul{ width: 100%; float: left; position: relative; }
.about-list li {border-bottom: 1px dotted #C0C0C0; line-height: 25px; padding: 18px 0 4px;width: 100%; float: left; position: relative; } 
.about-list .rq {background:url(../images/ns_03.jpg) no-repeat; float: left; height: 65px; margin-right: 12px; text-align: center; width: 71px; } 
.about-list .rq h4 {color: #06428b; font-family: "微软雅黑"; font-size: 30px; font-weight: bold; line-height: 43px; } 
.about-list li p {color: #666666; } 
.about-list li h5 {font-weight: bold; line-height: 30px; } 
.about-list li a {color:#666; } 
.about-list li p {color: #666666; } 
.about-list li p a {color: #06428b; text-decoration: underline; margin-left:10px; } 

/*PS*/
[css][css][css-easing=ease], body[css-easing=ease] [css] {
-webkit-transition-timing-function:cubic-bezier(.25, .1, .25, 1);
transition-timing-function:cubic-bezier(.25, .1, .25, 1)
}
[css][css][css-duration='700'], body[css-duration='700'] [css] {
-webkit-transition-duration:.7s;
transition-duration:.7s
}
[css][css][css-delay='200'], body[css-delay='200'] [css] {
-webkit-transition-delay:0;
transition-delay:0
}
[css][css][css-delay='200'].css-animate, body[css-delay='200'] [css].css-animate {
	-webkit-transition-delay: .2s;
	transition-delay: .2s
}
[css][css][css-delay='400'], body[css-delay='400'] [css] {
-webkit-transition-delay:0;
transition-delay:0
}
[css][css][css-delay='400'].css-animate, body[css-delay='400'] [css].css-animate {
	-webkit-transition-delay: .4s;
	transition-delay: .4s
}
[css][css][css-delay='600'], body[css-delay='600'] [css] {
-webkit-transition-delay:0;
transition-delay:0
}
[css][css][css-delay='600'].css-animate, body[css-delay='600'] [css].css-animate {
	-webkit-transition-delay: .6s;
	transition-delay: .6s
}
[css^=fade][css^=fade] {
opacity:0;
-webkit-transition-property:all;
transition-property:all
}
[css^=fade][css^=fade].css-animate {
	opacity: 1
}
[css=fade-up] {
-webkit-transform:translate(0, 100px);
-ms-transform:translate(0, 100px);
transform:translate(0, 100px)
}
[css=fade-up].css-animate {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}
[css=fade-up-right] {
-webkit-transform:translate(-100px, 100px);
-ms-transform:translate(-100px, 100px);
transform:translate(-100px, 100px)
}
[css=fade-up-right].css-animate {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}
[css=fade-up-left] {
-webkit-transform:translate(100px, 100px);
-ms-transform:translate(100px, 100px);
transform:translate(100px, 100px)
}
[css=fade-up-left].css-animate {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}